// vue.config.js
const webpack = require("webpack")
// 引入等比适配插件
const px2rem = require('postcss-px2rem')

// 配置基本大小
const postcss = px2rem({
  // 基准大小 baseSize，需要和rem.js中相同
  remUnit: 16
});

// 使用等比适配插件
module.exports = {
  lintOnSave: true,
  css: {
    loaderOptions: {
      css: {},
      postcss: {
        plugins: [
          postcss,
          require("postcss-px2rem")({
            remUnit: 192
          })
        ]
      }
    }
  },
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title= '立面维护机器人作业管理系统'
        return args
      })
  },


  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        "windows.jQuery":"jquery"
      })
    ]
  },
  devServer:{
    port:8080, // 启动端口
    open:true,  // 启动后是否自动打开网页
    //反向代理修改了host后，热更新失效
    disableHostCheck: true
  },
  publicPath: '/epidemic/'
}
